<template>
    <div class="tabs-menu">
        <div class="tabs-menu-list">
            <ASpace>
                <ATag v-for="i in 20" :key="i" color="#55acee">标签页{{ i + 1 }}</ATag>
            </ASpace>
        </div>
        <ASpace style="float: right;">
            <a-dropdown>
                <a class="ant-dropdown-link">
                    <DownOutlined />
                </a>
                <template #overlay>
                    <a-menu>
                        <a-menu-item>
                            <a href="javascript:;">1st menu item</a>
                        </a-menu-item>
                    </a-menu>
                </template>
            </a-dropdown>
        </ASpace>
    </div>
</template>

<script lang="ts" setup>
import { DownOutlined } from '@ant-design/icons-vue'
</script>

<style scoped>
.tabs-menu {
    padding: 0;
    margin: 2px;
    height: 30px;
}

.tabs-menu-list {
    overflow-y: scroll;
}
</style>